<style scoped="scoped">
    .main {
        margin: 15px 0 0 20px;
        width: 1200px;
    }
    .menus {
        position: fixed;
        background: #90dbd9;
        right: 80px;
        top: 20px;
        border-radius: 4px;
        padding: 10px 10px 10px 10px;
        cursor: pointer;
    }
    .menu {
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        padding: 0 20px 0 20px;
    }
    .menu:hover {
        background: #cf3b3b;
        color: #ffffff;
    }
</style>
<template>
    <div class="main">
        <router-view/>
    </div>
    <div class="menus">
        <div class="menu" v-for="item in menus">{{item.title}}</div>
    </div>
</template>
<script>
export default {
    name: "Main",
    data() {
        return {
            menus: [{
                title: '建表管理',
                path: '/main/table'
            }, {
                title: '数据类型',
                path: '/main/data-type'
            }]
        }
    },

}
</script>
